<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>消息中心</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/home_news.css" />
</head>
<body>
    <div id="app" v-cloak>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="isopen"  class="open_popup">
            <div v-on:click="read_all()" class="isread borline">全部已读</div>
            <div v-on:click="delete_all()" class="isread">全部删除</div>
        </div>
        <!-- <header v-if="!form.ischeckpage" class="aui-bar aui-bar-nav topheader aui-bar-nav-bg" id="aui-header">
            <div class="aui-tab">
                <div v-on:click="select_status(1)" class="aui-tab-item tapmode" v-bind:class="{'aui-active':form.status==1}">
                    <label class="labelbox">
                    未读<span v-if="countform.unreadcount>0" class="dotspan">{{countform.unreadcount}}</span>
                  </label>
                </div>
                <div v-on:click="select_status(2)" class="aui-tab-item tapmode" v-bind:class="{'aui-active':form.status==2}">
                    已读
                </div>
            </div>
        </header> -->
        <!-- v-bind:class="{'mt18':!form.ischeckpage}" -->
        <div  class="aui-content contentBox" >
            <section id="main_refresh" class="aui-refresh-content" >
                <div id="smart" class="aui-content">
                    <div class="aui_list menuBox boxarea mb20">                      
                        <div class="menuType"  v-for="(menuitem,index) in menuList" v-on:click="do_open_newslist(index,menuitem.ID)" 
                        v-bind:class="actived==index?'isactive':''">
                            <span>{{menuitem.Projectname}}</span>
                            <div v-if="menuitem.Reason>0" class="noRead"><i class="icon iconfont icon-hongdian"></i></div>
                        </div>
                    </div>
                    <!-- <div class="aui_listbox"> -->
                        <!-- loop -->
                        <div class="aui_list boxarea mb20" v-for="(item,index) in list">
                            <div v-if="!item.MsgIsRead" class="redpot">
                                <i class="icon iconfont icon-hongdian"></i>
                            </div>
                            <div class="smart_li_msg " v-on:click="select_customer(item,index,true)">
                                <div class="smart_li_msg_title_box">
                                    <div class="smart_li_msg_name ellipsis_one"><span class="newstype">{{item.MsgTypeDesc}}</span> {{item.MsgTitle}}</div>
                                    <div class="smart_li_msg_time ellipsis_one">{{item.MsgAddTimeDesc}}</div>
                                </div>
                                
                                <div class="smart_li_msg_info ">
                                    <!-- 报事报修 -->
                                    <div class="word-two">{{item.MsgSummary}}</div>
                                    <!-- 投诉建议 -->
                                    <!-- <div class="word-two">用户提交了投诉建议信息需要进行【受理】</div> -->
                                    <!-- 收银台 -->
                                    <!-- <div class="word-two">李文静提交了 水韵书香-住宅-1栋-1单元-12-101 的优惠申请需要进行【审核】</div> -->
                                    <!-- 设备巡检 -->
                                    <!-- <div class="word-two">4月份大型设备巡检需要进行【设备巡检】</div> -->
                                    <!-- 安防巡更 -->
                                    <!-- <div class="word-two">晚间安防巡更任务需要进行【安防巡更】</div> -->
                                    <!-- 保洁绿化 -->
                                    <!-- <div class="word-two">1东二单元公共区域清扫任务需要进行【保洁绿化】</div> -->
                                </div>
                            </div>
                            <!-- <div class="smart_li_more1" v-on:click="read_pushmsg(item,index,true)">
                                <div class="smart_li_time">
                                    {{item.MsgAddTime}}
                                </div>
                            </div>
                            <div v-on:click="do_showbtn(item)" class="smart_li_pot">
                                <i class="icon iconfont icon-sandian"></i>
                            </div>
                            <div v-if="item.showbtn" class="operationbox" v-bind:class="{'btm1':form.status==2}">
                                <label v-if="form.status==1" v-on:click="read_pushmsg(item,index,false)">已读</label>
                                <label v-on:click="do_remove(item,index)" v-bind:class="{'next':form.status==1}">删除</label>
                            </div>
                            <div v-on:click="hide_bg()" class="maskbg" v-if="showbg">
                            </div> -->
                        </div>
                        <!-- loop -->
                    <!-- </div> -->
                </div>

            </section>
            <!-- <div class="notodayList">
                别刷了，真的没有啦...
            </div> -->
        </div>
        <div class="noinfo " id="noorder" v-if="list.length==0">
            <img src="../image/index/noinfomsg_icon.png" alt=""/>
            <h5><br />暂无相关信息</h5>
        </div>
    </div>

</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/home_news.js"></script>

</html>
